﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>待收案件.已保存待立案案件</title>
    <link href="~/layui/css/layui.css" rel="stylesheet" />
    <script src="~/layui/layui.js"></script>
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    @* 表格头部 *@
    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
          <button class="layui-btn layui-btn-sm" lay-event="add">导出数据</button>
          <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="delAll">删除案件</button>
        </div>
    </script>
    <script>
        var $;
        var table;
        var form;
        layui.use(['table', 'dropdown', 'form'], function () {
            $ = layui.$;
            form = layui.form;
            table = layui.table;
            var pageIndex;//存储当前打卡弹出层Id
            // 创建渲染表格实例
            table.render({
                elem: '#test',
                id: "test",
                url: '/savesuccess/getDepartInfo', // 此处为静态模拟数据，实际使用时需换成真实接口
                toolbar: '#toolbarDemo',
                defaultToolbar: ['filter', 'exports', 'print', {
                    title: '提示',
                    layEvent: 'LAYTABLE_TIPS',
                    icon: 'layui-icon-tips'
                }],
                page: true,
                limit: 5,
                limits: [3, 5, 10, 20, 50, 100],
                cols: [[
                    { type: 'checkbox', fixed: 'left' },
                    { field: 'CaseDocument', title: '案件公文号', sort: true, align: 'center' },
                    { field: 'DepartmentName', title: '剩余天数', sort: true, align: 'center'},
                    { field: 'CaseLevel', title: '案件级别', sort: true, align: 'center',
                       templet: function (d) {
                            if (d.CaseLevel == '0') {
                                return '<span style="background-color: lightgreen; padding: 2px 5px; border-radius: 3px;">普通</span>';
                            } else if (d.CaseLevel == '1') {
                                return '<span style="background-color: red; padding: 2px 5px; border-radius: 3px;">困难</span>';
                            } 
                        }
                    },
                    { field: 'DataSources', title: '数据来源', sort: true, align: 'center'},
                    { field: 'EventType', title: '案件分类', sort: true, align: 'center' },
                    { field: 'CaseTypeName', title: '事件分类', sort: true, align: 'center' },
                    { field: 'Sendtime', title: '案件发送时间', sort: true, align: 'center' },
                ]]
            })
            // 监听表格行的双击事件
            table.on('rowDouble(test)', function (obj) {
                console.log('双击事件触发'); // 检查是否输出到控制台
                var data = obj.data;
                // 在此处编写打开新页面的代码
                // 获取要打开的新页面的相对路径
                var newPagePath = '/savesuccess/detail';
                // 进行页面跳转
                window.location.assign(newPagePath);
            });
        })
    </script>
</head>
<body>
    @* 表格展示区域 *@
    <div class="table">
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>
</body>
</html>
